﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="net.sycu.pmj.ems.entity.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="ckeditor" uri="http://ckeditor.com" %>


<!DOCTYPE HTML>
<html>
<head>
<title>用户信息管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Novus Admin Panel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="/EMS/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="/EMS/css/style.css" rel='stylesheet' type='text/css' />
<!-- font CSS -->
<!-- font-awesome icons -->
<link href="/EMS/css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
 <!-- js-->

<script src="/EMS/js/jquery-1.11.1.min.js"></script>
<script src="/EMS/js/modernizr.custom.js"></script>
<!--webfonts-->
<link href='/EMS/http://fonts.useso.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//webfonts--> 
<!--animate-->
<link href="/EMS/css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="/EMS/js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
<!-- chart -->
<script src="/EMS/js/Chart.js"></script>
<!-- //chart -->
<!--Calender-->
<link rel="/EMS/stylesheet" href="css/clndr.css" type="text/css" />
<script src="/EMS/js/underscore-min.js" type="text/javascript"></script>
<script src= "/EMS/js/moment-2.2.1.js" type="text/javascript"></script>
<script src="/EMS/js/clndr.js" type="text/javascript"></script>
<script src="/EMS/js/site.js" type="text/javascript"></script>
<!--End Calender-->
<!-- Metis Menu -->
<script src="/EMS/js/metisMenu.min.js"></script>
<script src="/EMS/js/custom.js"></script>
<link href="/EMS/css/custom.css" rel="stylesheet">
<!--//Metis Menu -->
</head> 
<body class="cbp-spmenu-push" onload="myLoad()">
<%@include file="/header.jsp"%>		
	<div class="main-content">
	
		<%@include file="/admin/adminSidebar.jsp"%>	
		<div id="page-wrapper">
		<div class="forms">
	
		 <h3 class="title1">用户信息管理</h3>
		 
		  <form class="form-horizontal" role="form" id="frmUser"
        action="/EMS/admin/ManageUsersServlet" method="post" >
             
             <input type="hidden" id="hidOperateType" name="hidOperateType" value="" />
            <input type="hidden" id="hidUserId" name="hidUserId" 
              value="${requestScope.ModifyUser.userId}" />
            <input type="hidden" id="hidCurrentPageIndex" name="hidCurrentPageIndex" 
              value="${currentPageIndex}" />
            <input type="hidden" id="hidSortField" name="hidSortField" value="${sortField}" />
            <input type="hidden" id="hidSortString" name="hidSortString" value="${sortString}" />
            <input type="hidden" id="hidPageSize" name="hidPageSize" value="${pageSize}" />
              
		 <div class="form-grids row widget-shadow" data-example-id="basic-forms"> 
		  <div class="form-title">
		    <label class="col-lg-15 control-label">输入用户信息</label>
		  </div>
		  <div class="form-body">           			 
			    <div class="form-group"> 
				  <label class="control-label">登录</label> 
				   <select class="form-control" id="selDepartmentId" name="selDepartmentId" onchange="selectDepartment()">
                          <option value="0">-请选择部门-</option>
                          <c:forEach items="${departments}" var="department">
                          <c:if test="${empty requestScope.ModifyUser}">
                            <option value="${department.departmentId}" 
                              <c:if test="${ department.departmentId == selDepartmentId}">selected="selected"</c:if>>
                            ${department.departmentName}</option>
                          </c:if>
                          <c:if test="${not empty requestScope.ModifyUser}">
                            <option value="${department.departmentId}" 
                              <c:if test="${ department.departmentId == ModifyUser.login.departmentId}">selected="selected"</c:if>>
                            ${department.departmentName}</option>
                          </c:if>
                          </c:forEach>
                        </select>
                        
                        <select class="form-control" id="selLoginId" name="selLoginId">
                          <option value="0">-请选择-</option>
                          <c:forEach items="${logins}" var="login">
                          <option value="${login.loginId}" 
                            <c:if test="${login.loginId == ModifyUser.loginId}">selected="selected"</c:if>>
                          ${login.loginName}</option>
                          </c:forEach>
                        </select>
                 </div>
				<div class="form-group"> 
				  <label class="control-label">姓名</label> 
				    <input type="text" class="form-control" id="txtUserName" name="txtUserName" 
                          placeholder="姓名" value="${ModifyUser.userName}">
                        <span class="label label-danger" id="spanUserName"></span>
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">性别</label> 
				    <input type="radio" name="radGender" value="女" <c:if test="${ModifyUser.gender == '女'}">checked</c:if>>女
                        &nbsp;&nbsp;
                        <input type="radio" name="radGender" value="男" <c:if test="${ModifyUser.gender == '男'}">checked</c:if>>男
                        &nbsp;&nbsp;
                        <input type="radio" name="radGender" value="" <c:if test="${ModifyUser.gender == ''}">checked</c:if>>无
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">生日</label> 
				    <input type="text" class="form-control" id="txtBirthday" name="txtBirthday" 
                          placeholder="生日" value="${ModifyUser.birthday }">
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">证件号</label> 
				    <input type="text" class="form-control" id="txtCardId" name="txtCardId" 
                          placeholder="证件号" value="${ModifyUser.cardId }">
                        <span class="label label-danger" id="spanCardId"></span>
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">备注</label> 
				    <textarea class="form-control" rows="3" id="txtRemark" name="txtRemark" 
                          placeholder="备注">${ModifyUser.remark }</textarea>
				</div>
				
				
				<div class="form-group">                      
                        <c:if test="${empty requestScope.ModifyUser}">
                           <button class="btn btn-primary" type="reset" onclick="addUser()">添加</button>
                         <button type="reset" class="btn btn-default">取消</button>
                        </c:if>
                         <c:if test="${not empty requestScope.ModifyUser}">
                         <button class="btn btn-primary" type="reset" onclick="saveUser()">保存</button>
                         <button class="btn btn-default" type="reset" onclick="cancelSaveUser()">取消保存</button>
                      </c:if>              
                  </div>			  
			</div>
		</div>
		
		
			<div class="form-grids row widget-shadow" data-example-id="basic-forms"> 
		  		<div class="form-title">
		   		 <label class="col-lg-15 control-label">查询用户信息</label>
		  		</div>
		  		 <div class="form-body">             		 
			    <div class="form-group"> 
				  <label class="control-label">登录名</label> 
				  <input type="text" class="form-control" id="txtSearchLoginName" name="txtSearchLoginName" 
                          placeholder="登录名" value="${searcher.loginSearcher.loginName}">
                        <span class="label label-danger" id="spanSearch"></span>
                 </div>
				<div class="form-group"> 
				  <label class="control-label">Email</label> 
				  <input type="text" class="form-control" id="txtSearchEmail" name="txtSearchEmail" 
                          placeholder="Email" value="${searcher.loginSearcher.email}">
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">姓名</label> 
				  <input type="text" class="form-control" id="txtSearchUserName" name="txtSearchUserName" 
                          placeholder="姓名" value="${searcher.userName}">
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">性别</label> 
				  <input type="radio" name="radGender" value="女" <c:if test="${ModifyUser.gender == '女'}">checked</c:if>>女
                        &nbsp;&nbsp;
                  <input type="radio" name="radGender" value="男" <c:if test="${ModifyUser.gender == '男'}">checked</c:if>>男
                        &nbsp;&nbsp;
                  <input type="radio" name="radGender" value="" <c:if test="${ModifyUser.gender == ''}">checked</c:if>>无
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">生日</label> 
				  <input type="text" class="form-control" id="txtSearchBirthdayBegin" name="txtSearchBirthdayBegin" 
                          placeholder="开始时间" value="${searcher.birthdayBegin }">
                   <input type="text" class="form-control" id="txtSearchBirthdayEnd" name="txtSearchBirthdayEnd" 
                          placeholder="结束时间" value="${searcher.birthdayEnd }">
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">证件号</label> 
				 	<input type="text" class="form-control" id="txtSearchCardId" name="txtSearchCardId" 
                          placeholder="证件号" value="${searcher.cardId}">
				</div>
				
				<div class="form-group"> 
				  <label class="control-label">备注</label> 
				 	<textarea class="form-control" rows="3" id="txtSearchRemark" name="txtSearchRemark" 
                          placeholder="备注">${searcher.remark}</textarea>   
				</div>
				
				<div class="form-group">
                             
               			<button class="btn btn-primary" type="reset" onclick="searchUser()">查询</button>
                        <button class="btn btn-default" type="reset" onclick="cancelSearchUser()">取消查询</button>       
                </div>			  
			</div>
			</div>			
	
		
		<div class="main-page">
			<div class="tables">
				<div class="clearfix"> </div>
				<div class="table-responsive bs-example widget-shadow">
						<h4>用户信息表:</h4>
						<table class="table table-bordered"> 
						  <thead> 
						    <tr>
	                          <th nowrap="nowrap" width="60px"><input type="checkbox" id="chkSelectAll" onclick="selectAll()"></input> 全选</th>
	                          <th nowrap="nowrap" width="60px" onclick="expand(this)" style="cursor: pointer;">全展开</th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('UserId')">序号</a></th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('LoginName')">登录名</a></th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('UserName')">姓名</a></th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('Gender')">性别</a></th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('Birthday')">生日</a></th>
	                          <th nowrap="nowrap"><a href="javascript: sorting('CardId')">证件号</a></th>
	                          <th nowrap="nowrap">操作</th>
	                        </tr> 
						   </thead> 
						   <tbody>
						    <c:forEach items="${users}" var="user"
		                     begin="${(currentPageIndex - 1) * pageSize}" end="${currentPageIndex * pageSize - 1}"> 
		                     <tr>
		                       <td nowrap="nowrap" align="center">
	                            <input type="checkbox" id="chkUser${user.userId}" name="chkUsers" value="${user.userId}" />
	                          </td>
	                          <td nowrap="nowrap" onclick="showLogin(this, 'tabLogin${user.login.loginId}')" style="cursor: pointer;">+</td>
	                          <td nowrap="nowrap">${user.userId}</td>
	                          <td nowrap="nowrap">${user.login.loginName}</td>
	                          <td nowrap="nowrap">${user.userName}</td>
	                          <td nowrap="nowrap">${user.gender}</td>
	                          <td nowrap="nowrap">${user.birthday}</td>
	                          <td nowrap="nowrap">${user.cardId}</td>
	                           <td nowrap="nowrap">
		                           <button  onclick="modifyUser(${user.userId})"><i class="glyphicon-pencil"></i></button>
		                           <button  onclick="removeUser(${user.userId})"><i class="fa fa-trash-o mail-icon"></i></button>                       
		                       </td>
		                     </tr>
		                     
		                     
		                     <tr>
                          <td nowrap="nowrap" colspan="9">
		                        <table class="table table-bordered" 
		                          id="tabLogin${user.login.loginId}" style="display: none;" name="tabLogins">
                              <tr>
                                <td nowrap="nowrap">序号</td>
                                <td nowrap="nowrap">登录名</td>
                                <td nowrap="nowrap">Email</td>
                                <td nowrap="nowrap">昵称</td>
                                <td nowrap="nowrap">登录次数</td>
                                <td nowrap="nowrap">等级</td>
                                <td nowrap="nowrap">注册情况</td>
                                <td nowrap="nowrap">最后登录情况</td>
                                <td nowrap="nowrap">登录状态</td>
                                <td nowrap="nowrap">登录类型</td>
                                <td nowrap="nowrap">所属部门</td>
                              </tr>
                              <tr>
                                <td nowrap="nowrap">${user.login.loginId}</td>
                                <td nowrap="nowrap">${user.login.loginName}</td>
                                <td nowrap="nowrap">${user.login.email}</td>
                                <td nowrap="nowrap">${user.login.nickname}</td>
                                <td nowrap="nowrap">${user.login.loginTime}</td>
                                <td nowrap="nowrap">${user.login.grade}</td>
                                <td nowrap="nowrap">${user.login.registerDateTime}</td>
                                <td nowrap="nowrap">${user.login.lastLoginDateTime}</td>
                                <td nowrap="nowrap">${user.login.loginType.loginTypeName}</td>
                                <td nowrap="nowrap">${user.login.loginState.loginStateName}</td>
                                <td nowrap="nowrap">${user.login.department.departmentName}</td>
                              </tr>
		                        </table>
                          </td>
                        </tr>
		                     </c:forEach>              								      
						 </tbody>
						 						  
					   </table>
					   
					 <div class="widget-foot">
  	    共${rowCount}条数据&nbsp;&nbsp;&nbsp;第${currentPageIndex}/${pageCount}页&nbsp;&nbsp;&nbsp;
	  	      		<label>
	                   <input type="radio" name="radPageSize" value="2" onclick="resize(this.value)" <c:if test="${pageSize == 2}">checked</c:if>>2条/页
	                 </label>
	                 <label>
	                   <input type="radio" name="radPageSize" value="3" onclick="resize(this.value)" <c:if test="${pageSize == 3}">checked</c:if>>3条/页
	                 </label>
	                 <label>
	                   <input type="radio" name="radPageSize" value="5" onclick="resize(this.value)" <c:if test="${pageSize == 5}">checked</c:if>>5条/页
	                 </label>
			  	     <ul class="pagination pull-right">
				  	    <c:if test="${currentPageIndex <= 1}">
				  	      <li><a>首页</a></li>
				  	      <li><a>上一页</a></li>
				  	    </c:if>
				  	    <c:if test="${currentPageIndex > 1}">
				  	      <li><a href="javascript: paging(1)">首页</a></li>
				  	      <li><a href="javascript: paging(${currentPageIndex - 1})">上一页</a></li>
				  	    </c:if>
				  	    <c:if test="${currentPageIndex >= pageCount}">
				  	      <li><a>下一页</a></li>
				  	      <li><a>尾页</a></li>
				  	    </c:if>
				  	    <c:if test="${currentPageIndex < pageCount}">
				  	      <li><a href="javascript: paging(${currentPageIndex + 1})">下一页</a></li>
				  	      <li><a href="javascript: paging(${pageCount})">尾页</a></li>
				  	    </c:if>
				  	    <li><a href="javascript: removeSelect()">删除选中</a></li>
				  	    <li><a target="_blank" href="/EMS/admin/ExportAllDepartmentsServlet">导出全部</a></li>
				  	    <li><a href="javascript: export()">导出</a></li>
			  	     </ul>
  	      			 <div class="clearfix"></div>
  	     		  </div>
  	     		  
					</div>					   
				</div>				   				
			</div>			
		</form>						
		</div>
	
		
		</div>
		<!--footer-->
		<div class="footer">
		   <p>Copyright &copy; 2016.EMS.</p>
		</div>
        <!--//footer-->
	</div>
	<!-- Classie -->
		<script src="/EMS/js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			

			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="/EMS/js/jquery.nicescroll.js"></script>
	<script src="/EMS/js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="/EMS/js/bootstrap.js"> </script>
<script type="text/javascript">
function checkInput() {
  var flag = true;
  var txtUserName = document.getElementById("txtUserName");
  var spanUserName = document.getElementById("spanUserName");
  var txtCardId = document.getElementById("txtCardId");
  var spanCardId = document.getElementById("spanCardId");
  
  if (txtUserName.value.length == 0) {
    spanUserName.innerHTML = "姓名不能为空。";
    flag = false;
  }
  else {
    spanUserName.innerHTML = "";
  }
  if (txtCardId.value.length == 0) {
    spanCardId.innerHTML = "证件号不能为空。";
    flag = false;
  }
  else {
    spanCardId.innerHTML = "";
  }
  return flag;
}

function checkSearch() {
  var txtSearchLoginName = document.getElementById("txtSearchLoginName");
  var txtSearchUserName = document.getElementById("txtSearchUserName");
  var txtSearchCardId = document.getElementById("txtSearchCardId");
  var txtSearchBirthdayBegin = document.getElementById("txtSearchBirthdayBegin");
  var txtSearchBirthdayEnd = document.getElementById("txtSearchBirthdayEnd");
  var txtSearchRemark = document.getElementById("txtSearchRemark");
  var spanSearch = document.getElementById("spanSearch");
  
  if (txtSearchLoginName.value.length == 0 
    && txtSearchUserName.value.length == 0
    && txtSearchCardId.value.length == 0
    && txtSearchBirthdayBegin.value.length == 0
    && txtSearchBirthdayEnd.value.length == 0
    && txtSearchRemark.value.length == 0 ) {
    spanSearch.innerHTML = "查询条件不能为空。";
    return false;
  }
  else {
    spanSearch.innerHTML = "";
    return true;
  }
}

function addUser() {
  if (checkInput()) {
    var frmUser = document.getElementById("frmUser");
    var hidOperateType = document.getElementById("hidOperateType");
    var selDepartmentId = document.getElementById("selDepartmentId");

    selDepartmentId.value = "";
    hidOperateType.value = "add";
    frmUser.submit();
  }
}

function removeUser(userId) {
  if (confirm("确定要删除吗？")) {
    var frmUser = document.getElementById("frmUser");
    var hidOperateType = document.getElementById("hidOperateType");
    var hidUserId = document.getElementById("hidUserId");
    var selDepartmentId = document.getElementById("selDepartmentId");

    selDepartmentId.value = "";
    hidUserId.value = userId;
    hidOperateType.value = "remove";
    frmUser.submit();
  }
}

function removeSelect() {
  var count = 0;
  var chkUsers = document.getElementsByName("chkUsers");

  for (var i = 0; i < chkUsers.length; i++) {
    if (chkUsers[i].checked)
      count++;
  }
  
  if (count < 1) {
    alert ("没有选中，不能删除");
  }
  else if (confirm("确定要删除选中吗？")) {
    var frmUser = document.getElementById("frmUser");
    var hidOperateType = document.getElementById("hidOperateType");
    var selDepartmentId = document.getElementById("selDepartmentId");

    selDepartmentId.value = "";
    hidOperateType.value = "removeSelect";
    frmUser.submit();
  }
}

function modifyUser(userId) {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidUserId = document.getElementById("hidUserId");
  var selDepartmentId = document.getElementById("selDepartmentId");

  selDepartmentId.value = "";
  hidUserId.value = userId;
  hidOperateType.value = "modify";
  frmUser.submit();
}

function saveUser() {
  if (checkInput()) {
    var frmUser = document.getElementById("frmUser");
    var hidOperateType = document.getElementById("hidOperateType");
	  var selDepartmentId = document.getElementById("selDepartmentId");
	
	  selDepartmentId.value = "";
    hidOperateType.value = "save";
    frmUser.submit();
  }
}

function cancelSaveUser() {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var selDepartmentId = document.getElementById("selDepartmentId");

  selDepartmentId.value = "";
  hidOperateType.value = "cancelSave";
  frmUser.submit();
}

function paging(pageIndex) {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidCurrentPageIndex = document.getElementById("hidCurrentPageIndex");

  hidCurrentPageIndex.value = pageIndex;
  hidOperateType.value = "paging";
  frmUser.submit();
}

function sorting(sortField) {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidSortField = document.getElementById("hidSortField");

  hidSortField.value = sortField;
  hidOperateType.value = "sorting";
  frmUser.submit();
}

function resize(pageSize) {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidPageSize = document.getElementById("hidPageSize");

  hidPageSize.value = pageSize;
  hidOperateType.value = "resize";
  frmUser.submit();
} 

function searchUser() {
  if (checkSearch()) {
    var frmUser = document.getElementById("frmUser");
    var hidOperateType = document.getElementById("hidOperateType");
  
    hidOperateType.value = "search";
    frmUser.submit();
  }
}
function cancelSearchUser() {
  var frmUser = document.getElementById("frmUser");
  var hidOperateType = document.getElementById("hidOperateType");
  var txtSearchLoginName = document.getElementById("txtSearchLoginName");
  var txtSearchUserName = document.getElementById("txtSearchUserName");
  var radSearchGender = document.getElementById("radSearchGender");
  var txtSearchCardId = document.getElementById("txtSearchCardId");
  var txtSearchBirthdayBegin = document.getElementById("txtSearchBirthdayBegin");
  var txtSearchBirthdayEnd = document.getElementById("txtSearchBirthdayEnd");
  var txtSearchRemark = document.getElementById("txtSearchRemark");

  txtSearchLoginName.value = "";
  txtSearchUserName.value = "";
  radSearchGender.checked = true;
  txtSearchCardId.value = "";
  txtSearchBirthdayBegin.value = "";
  txtSearchBirthdayEnd.value = "";
  txtSearchRemark.value = "";
  hidOperateType.value = "calcelSearch";
  frmUser.submit();
}

function selectAll() {
  var chkSelectAll = document.getElementById("chkSelectAll");
  var chkUsers = document.getElementsByName("chkUsers");

  for (i = 0; i < chkUsers.length; i++) {
    chkUsers[i].checked = chkSelectAll.checked;
  }
}
function selectDepartment() {
  var frmUser = document.getElementById("frmUser");

  frmUser.submit();
}
function showLogin(div, divId) {
  if (div.innerHTML == "+") {
    div.innerHTML = "-";
    document.getElementById(divId).style.display = "block";
  }
  else if (div.innerHTML == "-") {
    div.innerHTML = "+";
    document.getElementById(divId).style.display = "none";
  }
}
function expand(div) {
  var tabLogins = document.getElementsByName("tabLogins");
  if (div.innerHTML == "全展开") {
    div.innerHTML = "全折叠";
	  for (var i = 0; i < tabLogins.length; i++) {
	    tabLogins[i].style.display = "block";
	  }
	}
	else if (div.innerHTML == "全折叠") {
    div.innerHTML = "全展开";
    for (var i = 0; i < tabLogins.length; i++) {
      tabLogins[i].style.display = "none";
    }
  }
}

function myLoad() {
  ${alertMessage}
}
/* Curve chart ends */
</script>

</body>
</html>